*{padding:0;margin:0; box-sizing:border-box; list-style: none}

html, body{
    position:relative;height:100%;width:100%;overflow:hidden;}
body {
    font-family: "微软雅黑";
    background-color: rgba(135,206,235,.6);
    margin: 0px;
    overflow: hidden;
}
.logo{
    position: absolute;
    top:20px;
    left:40px;
    color:#e22215;
 }
.logo .companyName{
 	display:line-block;
  	font-size: 18px;
 	color:#fff;
    padding-left: 8px;
    margin-left: 8px;
    border-left:1px solid #fff;
    word-spacing:4px;
    text-shadow:0px 1px 2px rgba(0 ,0 ,0 ,0.38);
  }


.mainBody{z-index:99;position:relative;}
.cloud{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(../img/cloud.png) no-repeat;z-index:1;opacity:0.8;}     
#cloud2{z-index:101;}

main{z-index:999;position:fixed; top:50%; left:50%; transform: translate(-50%,-50%);}
/*slider*/
.slider{position:absolute;top:0;left:0;}
.slider ol{position:absolute;bottom:-72px;left:50%; transform: translate(-50%,0);}
.slider ol li{float:left;width:52px; height:64px;margin:0 3px;border-bottom:2px solid rgba(0,0,0,0); background-repeat:no-repeat; background-position: top center; background-size:contain;}
.slider ol li.seleted{border-bottom:2px solid #e22215;padding:10px;}
.luara-{z-index:2000;position:absolute;padding:0;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit;}

/*info*/
.info{z-index:1000;position:relative;width:1000px;height:425px;}
.info .info-c0{font-size:36px;padding:48px 0 11px 400px; font-family:Arial, Helvetica, sans-serif;}
.info .info-c1{font-size:36px;background:url(../img/title_bg.png) no-repeat center right;line-height:126px;text-align:right;padding-right:105px;font-weight:700; letter-spacing:3px;}
.info .info-c2{font-size:14px;padding:12px 0 10px 400px;}
.info .info-c3{font-size:18px;padding:36px 0 0 400px;background:url(../img/title_bg2.png) no-repeat top right;}
.btn{
     display:line-block;
     line-height: 36px;
     padding: 0 48px;
     border-radius: 6px;
     background-color:#f0f0f0;
     border:3px solid #e22215;
     color:#e22215;
     text-decoration:none;
     font-weight:500;
     box-shadow: 0 0 0 rgba(0, 0, 0, 0.18);
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
     }
     
a.btn:hover, .btn:focus {
    outline: none;
    background-color:#e22215;
    color:#fff;
    box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.18);
}
 #footer{
    position: absolute;
    width:100%;
    bottom:20px;
    color:#e22215;
 }
#footer p{text-align:center;font-size:12px;color:#666;margin-bottom:5px;}